<!DOCTYPE html>
<title>A background image gets updated when only the fragment changes</title>
<script src="../resources/run-after-layout-and-paint.js"></script>
<style>
.green {
  background: url(resources/sprites.svg#green) no-repeat;
}
.red {
  background: url(resources/sprites.svg#red) no-repeat;
}
</style>
<div id="target" class="red" style="width: 100px; height: 100px"></div>
<script>
runAfterLayoutAndPaint(function() {
  target.className = "green";
}, true);
</script>
